<template>
  <!--常见问题-->
<div class="container">
  <div class="header">
  </div>
  <div class="main">
    <div class="text">
      <div class="">问题症状</div>
      <div v-html="data.title"></div>
    </div>
    <div class="text">
      <div class="">问题详情</div>
      <div v-html="data.details"></div>
    </div>
    <div class="text">
      <div class="text1">操作警告</div>
      <div v-html="data.notice"></div>
    </div>
    <div class="text">
      <div class="text1">解决方案</div>
      <div v-html="data.factory_solution"></div>
    </div>
  </div>
</div>

</template>
<script>
// id 编号 description症状  notice警告   factory_solution解决方案
import datails from './datails.js'
console.log(datails.data)
export default {
  components:{

  },
  data(){
    return{
      id:'',
      data:'',
    }
  },
  mounted(){
    let id = this.$util.getUrlKey('id')
    this.id = id
    this.data = datails.data[id]
  },
  methods:{


  }
}
</script>

<style scoped lang="scss">
.container{
  width:100%;
  height:100%;
  text-align: left;
  background: #eee;
}
.header{
  width:100%;
  height:112px;
  background:#131a23;
}
.main{
  width:330px;
  min-height:300px;
  margin:0 auto;
  margin-top:-90px;
  border-radius: 12px;
  background:#fff;
}
.text{
  padding:15px 0;
  margin:0 14px;
  font-size:14px;
  line-height: 25px;
  color:#333;
  border-bottom:1px solid #e5e5e5;
}
.text1{
  font-weight:500;
}
</style>